<template>
  <div>
    <p>请选择您喜欢的专栏</p>
    <input type="checkbox" v-model="hobby" value="科幻"><span>科幻</span>
    <input type="checkbox" v-model="hobby" value="喜剧"><span>喜剧</span>
    <input type="checkbox" v-model="hobby" value="动漫"><span>动漫</span>
    <input type="checkbox" v-model="hobby" value="冒险"><span>冒险</span>
    <input type="checkbox" v-model="hobby" value="科技"><span>科技</span>
    <input type="checkbox" v-model="hobby" value="军事"><span>军事</span>
    <input type="checkbox" v-model="hobby" value="娱乐"><span>娱乐</span>
    <input type="checkbox" v-model="hobby" value="奇闻"><span>奇闻</span>

    <ul >
      <li v-for="val in hobby"> {{val}}</li>
    </ul>
  </div>
</template>

<script>
export default {
 data () {
   return {
     hobby:[],
     
   }
 },
 methods: {
    
 }
}
</script>

<style>

</style>